<template>
  <div class="flex h-[54px] w-[150px] flex-[0_0_auto] items-center rounded-[27px] border-[6px] border-[#D2D2D2]">
    <img class="ml-[8px] h-[35px] w-[35px] rounded-[50%]" :src="imageUrl" alt="image" />
    <div class="ml-[16px] whitespace-nowrap text-[20px] text-[rgb(0,0,0)]">{{ text }}</div>
  </div>
</template>

<script lang="ts" setup>
defineProps<{
  /** 文本 */
  text: string
  /** 图片 URL */
  imageUrl: string
}>()
</script>
